<p class="text">员工信息列表</p>
<nb-card style="height: 90vh;width:95vw;overflow: hidden">
    <nb-card-header>
        <div>
            <input class="inputRight" nbInput placeholder="请输入搜索内容" [(ngModel)]="searchContent"
                   (mouseenter)="focus($event.target)" (mouseleave)="blur($event.target)">
            <button nbButton class="btn" status="primary" (click)="pageNums=0;loadData(pageNums)">
                <i class="icon ion-search"></i>搜索
            </button>
            <button nbButton status="primary" (click)="reset()">
                <i class="icon ion-refresh"></i>
                重置
            </button>&nbsp;&nbsp;
            <button nbButton status="primary" (click)="downloadImportTemplate()">
                <i class="icon ion-android-download"></i>下载导入模版
            </button>&nbsp;&nbsp;
            <button nbButton status="primary" (click)="import()">
                <i class="icon ion-android-upload"></i>导入
            </button>
        </div>

    </nb-card-header>

    <nb-card-body style="padding-right: 0;">
        <table class="table" >
            <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>员工手机号</th>
                <!--                <th>入职时间</th>-->
                <!--                <th>毕业时间</th>-->
                <!--                <th>学历</th>-->
                <th>岗位</th>
                <th>职务</th>
                <th>所属部门</th>
                <th>行方级别</th>
                <th>当前状态</th>
                <th>所属项目</th>
                <!--                <th>项目经历</th>-->
                <!--                <th>技术/专业特长</th>-->
                <!--                <th>员工关系手机号</th>-->
                <!--                <th>待岗开始时间</th>-->
                <!--                <th>待岗结束时间</th>-->
                <th>工作BASE地</th>
                <th>员工关系</th>
                <!--                <th>备注</th>-->
                <th id="operation">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="changebgc" *ngFor="let employeeList of this.pageInfo.list; index as i;">
                <td class="text-color">{{i + 1}}</td>
                <td>{{employeeList['姓名']}}</td>
                <td>{{employeeList['员工手机号']}}</td>
                <!--                <td >{{employeeList['入职时间']}}</td>-->
                <!--                <td >{{employeeList['毕业时间']}}</td>-->
                <!--                <td >{{employeeList['学历']}}</td>-->
                <td>{{employeeList['岗位']}}</td>
                <td>{{employeeList['职务']}}</td>
                <td>{{employeeList['所属部门']}}</td>
                <td>{{employeeList['行方级别']}}</td>
                <td>{{employeeList['当前状态']}}</td>
                <td>{{employeeList['所属项目']}}</td>
                <!--                <td >{{employeeList['项目经历']}}</td>-->
                <!--                <td >{{employeeList['技术或专业特长']}}</td>-->
                <!--                <td >{{employeeList['员工关系手机号']}}</td>-->
                <!--                <td >{{employeeList['待岗开始时间']}}</td>-->
                <!--                <td >{{employeeList['待岗结束时间']}}</td>-->
                <td>{{employeeList['工作BASE地']}}</td>
                <td>{{employeeList['员工关系']}}</td>
                <!--                <td >{{employeeList['备注']}}</td>-->
                <td>
                    <a class="operation" (click)="details(employeeList)">详情</a>
                    <a class="operation" (click)="delete(employeeList['姓名'])">删除</a>
                    <a class="operation" style="border: none" (click)="modify(employeeList['姓名'], '修改当前状态','请输入当前状态')">修改状态</a>
                </td>
            </tr>
            </tbody>
        </table>
    </nb-card-body>
    <nb-card-footer>
        <p *ngIf="menuState">暂无数据</p>
        <ul class="pagination float-right" *ngIf="!menuState">
            <li class="page-item">
                <span class="page-link">当前第{{pageNums + 1}}页,共{{maxPages}}页</span>
            </li>
            <li class="page-item" [class.disabled]="pageNums===0">
                <button class="page-link" (click)="pageNums=0;loadData(pageNums)">首页
                </button>
            </li>
            <li class="page-item" [class.disabled]="pageNums === 0">
                <button class="page-link"
                        (click)="pageNums=pageNums-1;loadData(pageNums)">上一页
                </button>
            </li>
            <li class="page-item" [class.disabled]="pageNums+1 >= maxPages">
                <button class="page-link"
                        (click)="pageNums=pageNums+1;loadData(pageNums)">下一页
                </button>
            </li>
            <li class="page-item" [class.disabled]="pageNums+1 === maxPages">
                <button class="page-link"
                        (click)="pageNums=maxPages-1;loadData(pageNums)">尾页
                </button>
            </li>
        </ul>
    </nb-card-footer>

</nb-card>
